.task-due-date {
  cursor: default;
  display: flex;
  gap: 30px;
  align-items: center;
  width: 100%;
  padding: var(--gap-md) var(--gap-main);
  border: 1px solid var(--primary-border-default);
  border-radius: 10px;
}

.task-due-text {
  flex: 1;
  font-size: var(--fs-sm);
  color: var(--greyscale-text-subtitle);

  & span {
    display: block;
  }
}

.task-due-main-text {
  font-size: var(--fs-main);
  color: var(--greyscale-text-body);
}
